.Login{background: linear-gradient(to bottom,#f1f5fe, #fbfcff); display: flex; align-items: center; justify-content: center;}
.Login .Login_left{ display: flex; align-items: center;}
.Login .Login_left .Login_left_img{ margin-right: 85px;}
.Login .Login_left .Login_left_txt{ width: 440px;}
.Login .Login_left .Login_left_txt .left_txt_logo img{ height: 54px;}
.Login .Login_left .Login_left_txt .left_txt_title{ font-size: 40px; color: #22242c; font-weight: bolder; margin-top: 30px; margin-bottom: 42px;}
.Login .Login_left .Login_left_txt .left_txt_p{ font-size: 15px; color: #474b5a; line-height: 24px;}
.Login .Login_right{ border: 1px solid rgba(255,255,255,.75); border-radius: 10px; padding: 45px; background: #fff;}
.Login .Login_right .Login_right_title{ font-size: 30px; color: #22242c; margin-bottom: 50px;}
.Login .Login_right .Login_right_nav{ display: flex; align-items: center; margin-top: 50px; margin-bottom: 36px;}
.Login .Login_right .Login_right_nav .right_nav_list{ font-size: 18px; color: #abaeb6; position: relative; margin-right: 36px; cursor: pointer;}
.Login .Login_right .Login_right_nav .right_nav_list:last-child{ margin-right: 0;}
.Login .Login_right .Login_right_nav .right_nav_list.active{ color: #22242c;}
.Login .Login_right .Login_right_nav .right_nav_list::before{ content: ""; display: inline-block; height: 2px; background: #3662eb; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; opacity: 0; width: 0;}
.Login .Login_right .Login_right_nav .right_nav_list.active::before{ opacity: 1; width: 100%;}
.Login .Login_right .Login_right_content .right_content_message .content_message_list{ border: 1px solid #dcdee6; border-radius: 4px; margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; width: 340px; padding: 0px 13px;}
.Login .Login_right .Login_right_content .right_content_message .content_message_list input{ height: 48px; border: 0; background: none; font-size: 13px; color: #222; width: 100%; padding: 0;}
.Login .Login_right .Login_right_content .right_content_message .content_message_list.code input{ padding-left: 0; width: calc(100% - 110px);}
.Login .Login_right .Login_right_content .right_content_message .content_message_list.code button{ color: #3662eb; font-size: 13px; background: none; border: 0px; cursor: pointer;}
.Login .Login_right .Login_right_content .right_content_message .content_message_password{ text-align: right; font-size: 13px; color: #3662eb; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
.Login .Login_right .Login_right_content .right_content_message .content_message_password .message_password_left{ opacity: 0;}
.Login .Login_right .Login_right_content .right_content_message .content_message_password.on .message_password_left{ opacity: 1;}
.Login .Login_right .Login_right_content .right_content_message .content_message_password .message_password_right{ cursor: pointer;}
.Login .Login_right .Login_right_content .right_content_message .content_message_list img{ width: 18px; cursor: pointer;}
.Login .Login_right .Login_right_content .right_content_message .content_message_submit{ width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; background: #3662eb; color: #fff; font-size: 15px; cursor: pointer; border-radius: 4px;}
.Login .Login_right .Login_right_content .right_content_bottom{ margin-top: 30px; border-bottom: 1px solid #dcdee6; padding-bottom: 24px; margin-bottom: 24px;}
.Login .Login_right .Login_right_content .right_content_bottom p{ font-size: 15px; color: #abaeb6; text-align: center; margin-bottom: 20px;}
.Login .Login_right .Login_right_content .right_content_bottom p a{ font-size: 15px; color: #3662eb;}
.Login .Login_right .Login_right_content .right_content_bottom p:last-child{ margin-bottom: 0;}
.Login .Login_right .Login_right_content .right_content_WeChat{ display: flex; align-items: center; font-size: 13px; color: #abaeb6;}
.Login .Login_right .Login_right_content .right_content_WeChat img{ height: 22px; margin-left: 14px; cursor: pointer;}
.Login .Login_right .ScanCode{ height: 443px; width: 368px;}
.Login .Login_right .ScanCode .ScanCode_title{ margin-top: 53px; font-size: 15px; color: #474b5a; text-align: center; margin-bottom: 30px; width: 368px;}
.Login .Login_right .ScanCode .ScanCode_img{ display: flex; justify-content: center; height: 202px;}
.Login .Login_right .ScanCode .ScanCode_img img{ max-width: 202px;}
.Login .Login_right .ScanCode .ScanCode_btn{ font-size: 15px; color: #3662eb; text-align: center; margin-top: 30px; margin-bottom: 20px;}
.Login .Login_right .ScanCode .ScanCode_btn span{ cursor: pointer;}
.Login .Login_right .ScanCode .ScanCode_p{ text-align: center; font-size: 13px; color: #abaeb6;} 
.Login .Login_right .ScanCode .ScanCode_p a{ color: #3662eb; font-size: 13px;}
.Login .Login_content{ display: flex; align-items: center; width: 1480px; margin: 0 auto; justify-content: space-between;}
.Login .Login_content .Login_left{}








@media screen and (max-width:1550px){
    .Login .Login_content{ max-width: 1280px;}
    .Login .Login_right{ padding: 30px;}
    .Login .Login_right .ScanCode,.Login .Login_right .ScanCode .ScanCode_title,.Login .Login_right .Login_right_content .right_content_message .content_message_list{ width: 360px;}
    .Login .Login_left .Login_left_img{ margin-right: 40px;}
    .Login .Login_left .Login_left_img img{ max-width: 320px;}
    .Login .Login_left .Login_left_txt .left_txt_title{ font-size: 32px; line-height: 44px;}
}



































